

<script setup lang="ts">
import { ref } from 'vue'
import customNavigate  from './components/customNavigate.vue'
import customSwiper  from './components/customSwiper.vue'
import myswiper from './components/myswiper.vue'
import myselect from './components/myselect.vue'
import mydell from './components/mydell.vue'
</script>
<template>
  <!-- 导航栏/搜索框 -->
  <customNavigate />
 
 <scroll-view 
 class="scroll-view"
 scroll-y>
  <!-- 公告栏 -->

    <uni-notice-bar show-icon scrollable
    text="uni-app 版正式发布，开发一次，同时发布iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等7大平台。" />
 
<!-- 轮播图 -->
<customSwiper ></customSwiper>
<!-- 六宫格 -->
<myselect></myselect>
  <!-- 妈咪好评论榜 -->
<mydell></mydell>
</scroll-view>
</template>
<style lang="scss">


page {
  background-color: #f7f7f7;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.scroll-view {
  flex: 1;
  height: 80%;
}
</style>
